 <template>
  <div class="header">
  <div class="header-back">
  	<span class="iconfont">&#xe697;</span>
  </div>
  <div class="header-search">
 <span class="iconfont">&#xe646;</span>
  上海海洋公园</div>
  <div class="header-city">
  <span class="iconfont">&#xe61e;</span>
  city</div>
  </div>
</template>
<script>
export default {
  name: 'homeHeader',
 
}
</script>

<style lang="stylus">
.header
   line-height:.88rem
   text-align:center
   display:flex //设置成弹性盒子

  .header-back
    width:.9rem //1rem=50px
    float:left

  .header-search
    height:.64rem
    line-height:.64rem
    margin-top:.12rem
    margin-right:.2rem
    margin-left:.5rem
    border-radius:.5rem
    box-shadow:0 0 .01rem .01rem #ccc
    width:.64rem
    flex:1   //自动撑开

  .header-city
   width:1.4rem
   float:right
  
</style>
